<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="Chen">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="author" content="">
    <title></title>
    <link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../css.css">
    <style>

    </style>
</head>

<body data-spy="scroll" data-target="#scroll">
    <div>   
        <div class="fenlei" id="xinping">
            <a href="./首页1.html"><span class="xiaotubiao"><img src="../img/商品分类小图标.png" alt=""></span></a>
            <a href="#dingbu"> <span>商品分类</span></a>
           <a href="./搜索.html"><span class="glyphicon glyphicon-search"></span></a>
        </div>
        <div class="fenleimain">
            <div class="leftone" id="scroll"  style="overflow-y:scroll !important;height:80vh">
                <ul role="tablist" class="nav navtw">
                    <li class="active"><a href="#xinping">新品</a></li>
                    <li ><a href="#shouji">手机</a></li>
                    <li ><a href="#dainshi">电视</a></li>
                    <li ><a href="#diannao">电脑</a></li>
                    <li ><a href="#jiadian">家电</a></li>
                    <li><a href="#luyou">路由</a></li>
                    <li ><a href="#zhineng">智能</a></li>
                    <li ><a href="#dianyuan">电源</a></li>
                    <li><a href="#erji" >耳机</a></li>
                    <li><a href="#yinxiang">音响</a></li>
                    <li ><a href="#liping" >礼品</a></li>
                    <li><a href="#shenghuo">生活</a></li>
                    <li ><a href="#mifen">米粉卡</a></li>
                    <li ><a href="#lingshou">零售店</a></li>
                </ul>
            </div>
            <div class="right">
                <div id="xinping">
                    <div class="shoumai">
                        <img src="../img/首卖.jpg" alt="">
                    </div>
                    <div class="xiaomixilie">
                        <p>手机</p>
                        <div class="xiaomixilieone">
                            <figure>
                                <img src="../img/小米5.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                            <figure>
                                <img src="../img/小米2.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                            <figure>
                                <img src="../img/小米6.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>

                        </div>
                        <div class="xiaomixilieone xiaomixilieone-one">
                            <figure>
                                <img src="../img/小米5.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                        </div>
                    </div>
                    <div class="xiaomixilie">
                        <p>电视</p>
                        <div class="xiaomixilieone">
                            <figure>
                                <img src="../img/小米5.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                            <figure>
                                <img src="../img/小米2.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                            <figure>
                                <img src="../img/小米6.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>

                        </div>
                        <div class="xiaomixilieone xiaomixilieone-one">
                            <figure>
                                <img src="../img/小米5.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                        </div>
                    </div>
                    <div class="xiaomixilie">
                        <p>电脑</p>
                        <div class="xiaomixilieone">
                            <figure>
                                <img src="../img/小米5.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                        </div>
                    </div>
                    <div class="shoumai">
                        <img src="../img/首卖.jpg" alt="">
                    </div>
                </div>
                <div id="shouji">
                    <div class="xiaomixilie">
                        <p>小米手机</p>
                        <div class="xiaomixilieone">
                            <figure>
                                <img src="../img/小米5.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                            <figure>
                                <img src="../img/小米2.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                            <figure>
                                <img src="../img/小米6.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>

                        </div>
                        <div class="xiaomixilieone">
                            <figure>
                                <img src="../img/小米5.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                            <figure>
                                <img src="../img/小米5.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                            <figure>
                                <img src="../img/小米5.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                        </div>
                        <div class="xiaomixilieone">
                            <figure>
                                <img src="../img/小米5.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                        </div>
                    </div>
                    <div class="xiaomixilie">
                        <p>红米手机</p>
                        <div class="xiaomixilieone">
                            <figure>
                                <img src="../img/小米5.png" alt="">
                            <figcaption class="gray small">
                                小米6  
                                </figcaption> 
                            </figure>
                            <figure>
                                <img src="../img/小米2.png" alt="">
                            <figcaption class="gray small">
                                小米6  
                                </figcaption> 
                            </figure>
                            <figure>
                                <img src="../img/小米6.png" alt="">
                            <figcaption class="gray small">
                                小米6  
                                </figcaption> 
                            </figure>                        
                        </div>
                    </div> 
                    <div class="xiaomixilie">
                        <p>移动4G+专区</p>
                        <div class="xiaomixilieone">
                            <figure>
                                <img src="../img/小米5.png" alt="">
                            <figcaption class="gray small">
                                小米6  
                                </figcaption> 
                            </figure>
                            <figure>
                                <img src="../img/小米2.png" alt="">
                            <figcaption class="gray small">
                                小米6  
                                </figcaption> 
                            </figure>
                            <figure>
                                <img src="../img/小米6.png" alt="">
                            <figcaption class="gray small">
                                小米6  
                                </figcaption> 
                            </figure>                        
                        </div>
                    </div>
                    <div class="xiaomixilie">
                        <p>配件及其他</p>
                        <div class="xiaomixilieone">
                            <figure>
                                <img src="../img/小米5.png" alt="">
                            <figcaption class="gray small">
                                小米6  
                                </figcaption> 
                            </figure>
                            <figure>
                                <img src="../img/小米2.png" alt="">
                            <figcaption class="gray small">
                                小米6  
                                </figcaption> 
                            </figure>
                            <figure>
                                <img src="../img/小米6.png" alt="">
                            <figcaption class="gray small">
                                小米6  
                                </figcaption> 
                            </figure>                        
                        </div>
                        <div class="xiaomixilieone">
                            <figure>
                                <img src="../img/小米5.png" alt="">
                            <figcaption class="gray small">
                                小米6  
                                </figcaption> 
                            </figure>
                            <figure>
                                <img src="../img/小米2.png" alt="">
                            <figcaption class="gray small">
                                小米6  
                                </figcaption> 
                            </figure>
                            <figure>
                                <img src="../img/小米6.png" alt="">
                            <figcaption class="gray small">
                                小米6  
                                </figcaption> 
                            </figure>                        
                        </div>
                        <div class="xiaomixilieone">
                            <figure>
                                <img src="../img/小米5.png" alt="">
                            <figcaption class="gray small">
                                小米6  
                                </figcaption> 
                            </figure>
                            <figure>
                                <img src="../img/小米2.png" alt="">
                            <figcaption class="gray small">
                                小米6  
                                </figcaption> 
                            </figure>
                            <figure>
                                <img src="../img/小米6.png" alt="">
                            <figcaption class="gray small">
                                小米6  
                                </figcaption> 
                            </figure>                        
                        </div>
                    </div> 
                    <div class="shoumai">
                        <img src="../img/首卖.jpg" alt="">
                    </div> 
                </div>
                <div id="dainshi">
                    <div class="xiaomixilie">
                        <p>电视</p>
                        <div class="xiaomixilieone">
                            <figure>
                                <img src="../img/小米5.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                            <figure>
                                <img src="../img/小米2.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                            <figure>
                                <img src="../img/小米6.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>

                        </div>
                        <div class="xiaomixilieone xiaomixilieone-one">
                            <figure>
                                <img src="../img/小米5.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                        </div>
                    </div>
                    <div class="xiaomixilie">
                        <p>电视</p>
                        <div class="xiaomixilieone">
                            <figure>
                                <img src="../img/小米5.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                            <figure>
                                <img src="../img/小米2.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                            <figure>
                                <img src="../img/小米6.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>

                        </div>
                        <div class="xiaomixilieone xiaomixilieone-one">
                            <figure>
                                <img src="../img/小米5.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                        </div>
                    </div>
                    <div class="xiaomixilie">
                        <p>电脑</p>
                        <div class="xiaomixilieone">
                            <figure>
                                <img src="../img/小米5.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                        </div>
                    </div>
                    <div class="shoumai">
                        <img src="../img/首卖.jpg" alt="">
                    </div>
                </div>
                <div id="diannao">
                    <div class="xiaomixilie">
                        <p>平板电脑</p>
                        <div class="xiaomixilieone">
                            <figure>
                                <img src="../img/小米5.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                            <figure>
                                <img src="../img/小米2.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                            <figure>
                                <img src="../img/小米6.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>

                        </div>
                        <div class="xiaomixilieone xiaomixilieone-one">
                            <figure>
                                <img src="../img/小米5.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                        </div>
                    </div>
                    <div class="xiaomixilie">
                        <p>电视</p>
                        <div class="xiaomixilieone">
                            <figure>
                                <img src="../img/小米5.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                            <figure>
                                <img src="../img/小米2.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                            <figure>
                                <img src="../img/小米6.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>

                        </div>
                        <div class="xiaomixilieone xiaomixilieone-one">
                            <figure>
                                <img src="../img/小米5.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                        </div>
                    </div>
                    <div class="xiaomixilie">
                        <p>电脑</p>
                        <div class="xiaomixilieone">
                            <figure>
                                <img src="../img/小米5.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                        </div>
                    </div>
                    <div class="shoumai">
                        <img src="../img/首卖.jpg" alt="">
                    </div>
                </div>
                <div id="jiadian">
                    <div class="xiaomixilie">
                        <p>家电</p>
                        <div class="xiaomixilieone">
                            <figure>
                                <img src="../img/小米5.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                            <figure>
                                <img src="../img/小米2.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                            <figure>
                                <img src="../img/小米6.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>

                        </div>
                        <div class="xiaomixilieone xiaomixilieone-one">
                            <figure>
                                <img src="../img/小米5.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                        </div>
                    </div>
                    <div class="xiaomixilie">
                        <p>电视</p>
                        <div class="xiaomixilieone">
                            <figure>
                                <img src="../img/小米5.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                            <figure>
                                <img src="../img/小米2.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                            <figure>
                                <img src="../img/小米6.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>

                        </div>
                        <div class="xiaomixilieone xiaomixilieone-one">
                            <figure>
                                <img src="../img/小米5.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                        </div>
                    </div>
                    <div class="xiaomixilie">
                        <p>电脑</p>
                        <div class="xiaomixilieone">
                            <figure>
                                <img src="../img/小米5.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                        </div>
                    </div>
                    <div class="shoumai">
                        <img src="../img/首卖.jpg" alt="">
                    </div>
                </div>
                <div id="luyou">
                    <div class="xiaomixilie">
                        <p>路由</p>
                        <div class="xiaomixilieone">
                            <figure>
                                <img src="../img/小米5.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                            <figure>
                                <img src="../img/小米2.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                            <figure>
                                <img src="../img/小米6.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>

                        </div>
                        <div class="xiaomixilieone xiaomixilieone-one">
                            <figure>
                                <img src="../img/小米5.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                        </div>
                    </div>
                    <div class="xiaomixilie">
                        <p>电视</p>
                        <div class="xiaomixilieone">
                            <figure>
                                <img src="../img/小米5.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                            <figure>
                                <img src="../img/小米2.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                            <figure>
                                <img src="../img/小米6.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>

                        </div>
                        <div class="xiaomixilieone xiaomixilieone-one">
                            <figure>
                                <img src="../img/小米5.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                        </div>
                    </div>
                    <div class="xiaomixilie">
                        <p>电脑</p>
                        <div class="xiaomixilieone">
                            <figure>
                                <img src="../img/小米5.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                        </div>
                    </div>
                    <div class="shoumai">
                        <img src="../img/首卖.jpg" alt="">
                    </div>
                </div>
                <div id="zhineng">
                    <div class="xiaomixilie">
                        <p>智能</p>
                        <div class="xiaomixilieone">
                            <figure>
                                <img src="../img/小米5.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                            <figure>
                                <img src="../img/小米2.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                            <figure>
                                <img src="../img/小米6.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>

                        </div>
                        <div class="xiaomixilieone xiaomixilieone-one">
                            <figure>
                                <img src="../img/小米5.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                        </div>
                    </div>
                    <div class="xiaomixilie">
                        <p>电视</p>
                        <div class="xiaomixilieone">
                            <figure>
                                <img src="../img/小米5.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                            <figure>
                                <img src="../img/小米2.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                            <figure>
                                <img src="../img/小米6.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>

                        </div>
                        <div class="xiaomixilieone xiaomixilieone-one">
                            <figure>
                                <img src="../img/小米5.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                        </div>
                    </div>
                    <div class="xiaomixilie">
                        <p>电脑</p>
                        <div class="xiaomixilieone">
                            <figure>
                                <img src="../img/小米5.png" alt="">
                                <figcaption class="gray small">
                                    小米6
                                </figcaption>
                            </figure>
                        </div>
                    </div>
                    <div class="shoumai" id="dibu">
                        <img src="../img/首卖.jpg" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="huidao">
        <div>
            <a href="" id="dingbu"  class="huidaoone">
                <img src="../img/顶部.png" alt="">
            </a>
            <a href="" id="dingbu" class="small">回到顶部</a>
        </div>
        <div>
            <a href="#dibu" class="huidaoone">
                <img src="../img/底部.png" alt="">
            </a>
            <a href="#dibu" class="small">下去底部</a>
        </div>
    </div>
    <script src="../bootstrap/js/jquery.js"></script>
    <script src="../bootstrap/js/bootstrap.min.js"></script>
</body>

</html>